<div class="content">
  <div class="default-header">
    <div class="row">
      <h1 class="col">New VMware VM template</h1>
    </div>
  </div>
  <div class="default-content" *ngIf="vmwareTemplate">
    <mat-card class="matCard">
      <form [formGroup]="templateNameForm">
        <mat-form-field class="form-field">
          <mat-select placeholder="VM list" formControlName="templateName" [(ngModel)]="selectedVM">
            <mat-option *ngFor="let vm of virtualMachines" [value]="vm">
              {{ vm.vmname }}
            </mat-option>
          </mat-select> </mat-form-field
        ><br />
        <mat-checkbox [ngModelOptions]="{ standalone: true }" [(ngModel)]="vmwareTemplate.linked_clone">
          Use as a linked base VM (experimental)
        </mat-checkbox>
      </form>
    </mat-card>
    <div class="buttons-bar">
      <button mat-button class="cancel-button" (click)="goBack()">Cancel</button>
      <button mat-raised-button color="primary" (click)="addTemplate()">Add template</button>
    </div>
  </div>
</div>
